/* CSS Document */
.main {
	width:1004px;
	height:auto;
	margin:auto;
	}
.head {
	width:1004px;
	height:198px;
	float:left;
	background:url(../images/head.png);
	}
.navigasi {
	width:700px;
	height:33px;
	float:right;
	margin-top:65px;
	margin-right:3px;
	}
.slogan {
	width:350px;
	height:auto;
	float:right;
	margin-top:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	}
.slice-atas {
	width:1004px;
	height:35px;
	float:left;
	margin-top:10px;
	background:url(../images/atas.png);
	}
.slice-atas-title {
	width:600px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-style:bold;
	padding-top:10px;
	padding-left:35px;
	font-style:italic;
	}
.slice-content {
	width:996px;
	height:auto;
	float:left;
	background:#ebebeb;
	margin-left:4px;
	}
.slice-content-right {
	width:450px;
	height:420px;
	float:left;
	}
.slice-content-right-logo {
	width:242px;
	height:239px;
	background:url(../images/logo.png);
	margin-top:90px;
	margin-left:100px;
	}
.slice-center {
	width:9px;
	height:386px;
	float:left;
	background:url(../images/tengah.png);
	margin-left:10px;
	margin-top:20px;
	}
.slice-content-left {
	width:450px;
	height:420px;
	float:right;
	}
.form-login {
	width:260px;
	height:220px;
	float:left;
	background:#FF9900;
	margin-top:100px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	}
.form-login-atas {
	width:250px;
	height:20px;
	padding-top:5px;
	padding-left:10px;
	background:#003399;
	float:left;
	-moz-border-radius-topright:10px;
	-moz-border-radius-topleft:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	}
.form-login-tengah {
	width:260px;
	height:140px;
	float:left;
	background:#FFFFFF;
	text-align:center;
	}
.form-login-bawah {
	width:250px;
	height:20px;
	background:#003399;
	float:left;
	padding-top:5px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	}
.form-login-bawah a{
	color:#FFFFFF;
	}
.slice-foter {
	width:1004px;
	height:38px;
	float:left;
	background:url(../images/bawah.png);
	}
.slice-foter-text {
	padding-top:10px;
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	}
/*slice atas*/
.box_search {
	width:980px;
	height:25px;;
	padding:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#CCCCCC;
	
	}


/*end slice atas*/
/*form reg user */
	.form-reg {
		width:600px;
		height:auto;
		margin:auto;
		margin-top:10px;
		background:#FFFFFF;
		margin-bottom:25px;
		-moz-border-radius-topright:10px;
		-moz-border-radius-topleft:10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		}
	.form-reg-atas {
		width:600px;
		height:20px;
		background:#0033CC;
		-moz-border-radius-topright:10px;
		-moz-border-radius-topleft:10px;
		}
	.form-reg-tengah {
		width:580px;
		height:auto;
		padding:10px;
		}
	.form-reg-bawah {
		width:600px;
		height:20px;
		background:#FF9900;
		}
	.notif {
		color:#FF3300;
		font-style:italic;
		font-size:12px;
		width:auto;
		}
	.form-reg-submit {
		width:auto;
		height:auto;
		margin:auto;
		padding-top:10px;
		padding-bottom:20px;
		text-align:center;
		}
	.no {
		width:64px;
		height:20px;
		background:url(../images/cancel.png);
		padding:0px;
		border:none;
		}
	.ok {
		width:64px;
		height:20px;
		background:url(../images/ok.png);
		padding:0px;
		border:none;
		}
/*end form reg user */
/*transaction Log*/
.trans-log {
	width:800px;
	height:auto;
	background:#FF9900;
	-moz-border-radius-topright:10px;
	-moz-border-radius-topleft:10px;
	margin:auto;
	margin-top:20px;
	
	}
	.trans-log-atas {
		width:780px;
		height:20px;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		background:#0033CC;
		
		-moz-border-radius-topright:10px;
		-moz-border-radius-topleft:10px;
		}
	.trans-log-atas-title {
		width:200px;
		height:auto;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFFFFF;
		}
	.trans-log-page {
		width:auto;
		height:auto;
		float:right;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFFFFF;
		}
	.trans-log-page a {
		color:#FF9900;
		}
	.trans-log-page2 {
		width:auto;
		height:auto;
		float:right;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFFFFF;
		}
	.trans-log-page2 a {
		color:#0033CC;
		}
	.trans-log-tengah {
		width:800px;
		height:auto;
		background:#FFFFFF;
		float:left;
		}
	.trans-log-tengah-box {
		width:780px;
		height:auto;
		margin:auto;
		background:#bee1ff;
		margin-top:20px;
		margin-bottom:20px;
		}
	.trans-log-bawah {
		width:780px;
		height:20px;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		background:#FF9900;
		float:left;
		margin-bottom:20px;
		
		}
/*end transaction Log*/
/*manage user*/
.manage-user {
	width:900px;
	height:auto;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	background:#FFFFFF;
	}
.manage-user-atas {
	width:880px;
	height:20px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	background:#0033CC;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	}
.manage-user-tengah {
	width:880px;
	height:auto;
	padding:10px;
	}
.manage-user-tengah-box {
	width:auto;
	height:auto;
	margin:auto;
	background:#bee1ff;
	margin-top:10px;
	margin-bottom:10px;
	}
.manage-user-bawah {
	width:880px;
	height:20px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	background:#FF9900;
	
	}

	
/*end manage user*/
/*create ticket*/
.create-ticket {
	width:950px;
	height:auto;
	background:#FFFFFF;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	margin-top:20px;
	margin-bottom:20px;
	}
.create-ticket-atas {
	width:930px;
	height:20px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	background:#0033CC;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	}
.create-ticket-tengah {
	width:930px;
	height:auto;
	padding:10px;
	}
.create-ticket-bawah {
	width:950px;
	height:20px;
	
	background:#FF9900;
	
	}
/*user approve*/
.user-approve {
	width:800px;
	height:auto;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	background:#FFFFFF;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	}
.user-approve-atas {
	width:780px;
	height:20px;
	background:#0033CC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	}
.user-approve-tengah {
	width:760px;
	height:auto;
	padding:20px;
	}
.user-approve-tengah-box {
	width:760px;
	height:auto;
	background:#bee1ff;
	}
.user-approve-bawah {
	width:780px;
	height:20px;
	background:#0033CC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	background:#FF9900;
	}
/*manage product */
	.manage-product {
		width:640px;
		height:auto;
		background:#FFFFFF;
		margin:auto;
		margin-top:20px;
		margin-bottom:20px;
		-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
		}
	.manage-product-atas {
		width:620px;
		height:20px;
		padding-bottom:5px;
		padding-top:5px;
		padding-left:10px;
		padding-right:10px;
		background:#0033CC;
		-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		}
	.manage-produk-tengah {
		width:600px;
		height:auto;
		padding:20px;
		}
	.manage-produx-tengah-box {
		width:560px;
		height:auto;
		background:#bee1ff;
		}
	.manage-product-bawah {
		width:620px;
		height:20px;
		padding-bottom:5px;
		padding-top:5px;
		padding-left:10px;
		padding-right:10px;
		background:#FF9900;
		}
/*end manage product*/
/*manage departemen*/
.manage-departemen {
	width:640px;
	height:auto;
	background:#FFFFFF;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topRight:10px;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	
	}
	.manage-departemen-atas {
		width:620px;
		height:20px;
		padding-bottom:5px;
		padding-top:5px;
		padding-left:10px;
		padding-right:10px;
		background:#0033CC;
		-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		}
	.manage-departemen-tengah {
		width:560px;
		height:auto;
		padding:20px;
	}
	.manage-departemen-tengah-box {
		width:600px;
		height:auto;
		background:#bee1ff;
	}
	.manage-departemen-bawah {
	
		width:620px;
		height:20px;
		padding-bottom:5px;
		padding-top:5px;
		padding-left:10px;
		padding-right:10px;
		background:#FF9900;
	}
/*end manage departemen*/
/*advanced Search*/
.advanced-search {
	width:600px;
	height:auto;
	background:#FFFFFF;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topRight:10px;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	}
	.advanced-search-atas {
		width:580px;
		height:20px;
		padding-bottom:5px;
		padding-top:5px;
		padding-left:10px;
		padding-right:10px;
		background:#0033CC;
		-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	.advanced-search-tengah {
		width:560px;
		height:auto;
		padding:20px;
	}
	.advanced-search-bawah {
		width:580px;
		height:20px;
		padding-bottom:5px;
		padding-top:5px;
		padding-left:10px;
		padding-right:10px;
		background:#FF9900;
	}
/*end advanced Search*/
/*dashboard*/
.dashboard-atas {
	height:auto;
	width:600px;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	
	}
.dashboard-chart {
	width:950px;
	height:auto;
	padding:20px;
	margin:auto;
	float:left;
	}
/* */
.open-ticket {
	width:460px;
	height:auto;
	float:left;
	background:#FFFFFF;
	-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
		margin-top:15px;
	}
.open-ticket2 {
	width:460px;
	height:auto;
	float:left;
	background:#FFFFFF;
	-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
		margin-left:25px;
		margin-top:15px;
	}
.open-ticket-atas {
	width:440px;
	height:20px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	background:#0033CC;
		-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:center;
		text-transform:uppercase;
	}
.open-ticket-tengah {
	width:450px;
	height:auto;
	}
.open-ticket-bawah {
		width:440px;
		height:20px;
		padding-bottom:5px;
		padding-top:5px;
		padding-left:10px;
		padding-right:10px;
		background:#FF9900;
	}
	
/*end dashboard*/
/*User Verifikasi*/
.user-verif {
	width:600px;
	height:auto;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	background:#FFFFFF;
	-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
	}
.user-verif-atas {
	width:580px;
		height:20px;
		padding-bottom:5px;
		padding-top:5px;
		padding-left:10px;
		padding-right:10px;
		background:#0033CC;
		-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		}
.user-verif-tengah {
	width:560px;
		height:auto;
		padding:20px;
	}
.user-verif-tengah-box {
	width:560px;
		height:auto;
		background:#bee1ff;
		}
.user-verif-bawah {
	width:580px;
		height:20px;
		padding-bottom:5px;
		padding-top:5px;
		padding-left:10px;
		padding-right:10px;
		background:#FF6600;
		
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		}
/*end user verifikasi*/
/*update Product*/
.update-prod {
	width:900px;
	height:auto;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	background:#FFFFFF;
	-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
		}
	.update-prod-atas {
		width:880px;
		height:20px;
		padding-bottom:5px;
		padding-top:5px;
		padding-left:10px;
		padding-right:10px;
		background:#0033CC;
		-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	.update-prod-tengah {
		width:860px;
		height:auto;
		padding:20px;
		}
	.update-prod-bawah {
		width:880px;
		height:20px;
		padding-bottom:5px;
		padding-top:5px;
		padding-left:10px;
		padding-right:10px;
		background:#FF6600;
		
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
/*end product*/
/*update dept*/
.update-dept {
	width:900px;
	height:auto;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	background:#FFFFFF;
	-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
		}
	.update-dept-atas {
		width:880px;
		height:20px;
		padding-bottom:5px;
		padding-top:5px;
		padding-left:10px;
		padding-right:10px;
		background:#0033CC;
		-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	.update-dept-tengah {
		width:860px;
		height:auto;
		padding:20px;
		}
	.update-dept-bawah {
		width:880px;
		height:20px;
		padding-bottom:5px;
		padding-top:5px;
		padding-left:10px;
		padding-right:10px;
		background:#FF6600;
		
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
/*end dept*/
/*serach */
.box-search-data {
	width:99%;
	height:auto;
	margin:auto;
	padding:5px;
	background:#bee1ff;
	float:left;
}
/*end search*/
/*main end login */
.bakc-main {
	width:300px;
	height:100px;
	padding-left:300px;
	text-align:center;
	margin:auto;
	padding-top:100px;
	padding-bottom:100px;
	float:left;
	}
/* end main  login*/